<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
  <meta name="format-detection" content="telephone=no" />
  <title>诚仁教育</title>
  <!--<link rel="icon" href="" type="image/x-icon" />
  <link rel="shortcut icon" href="" type="image/x-icon" />-->
  <link rel="stylesheet" href="css/bootstrap.min.css"/>
  <link rel="stylesheet" href="css/swiper.min.css"/>
  <link rel="stylesheet" href="css/animate.min.css">
  <link rel="stylesheet" href="css/reset.css">
  <link rel="stylesheet" href="css/headfoot.css">
  <link rel="stylesheet" href="css/index.css">
  <script src="js/jquery-1.11.3.min.js"></script>
  <script src="js/swiper-3.4.2.min.js"></script>
  <script src="js/swiper.animate1.0.2.min.js"></script>
  <!--[if lt IE 9]>
  <script src="js/html5shiv.min.js"></script>
  <script src="js/respond.min.js"></script>
  <![endif]-->
  <script src="js/bootstrap.min.js"></script>
  <script src="js/wow.min.js"></script>
  <script type="text/javascript">
   new WOW().init();
  </script>
 </head>
 <body>
   <!--banner部分-->
   <div class="ban-re">
    <div class="navs">
     <script>$(".navs").load("head.html");</script>
    </div>
    <div class="swiper-container wow bounceIn animated" id="banner">
     <div class="ban-box">
      <div class="inner">
       <h2>
        诚仁教育，优孕造人 &nbsp;&nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp;&nbsp;<br/>
        面向全球，培育圣贤
       </h2>
      </div>
     </div>
     <div class="swiper-wrapper">
      <div class="swiper-slide">
       <a href="#">
        <img src="images/index/banner01.jpg" class="im_pc img-responsive" alt="">
       </a>
       <a href="#">
        <img src="images/index/banner01-m.jpg" class="im_mo img-responsive" alt=""/>
       </a>
      </div>
      <div class="swiper-slide" >
       <img src="images/index/banner02.jpg" class="im_pc img-responsive" alt="">
       <img src="images/index/banner02-m.jpg" class="im_mo img-responsive" alt=""/>
      </div>
      <div class="swiper-slide" >
       <img src="images/index/banner01.jpg" class="im_pc img-responsive" alt="">
       <img src="images/index/banner01-m.jpg" class="im_mo img-responsive" alt=""/>

      </div>
     </div>
     <!-- 如果需要分页器 -->
     <div class="swiper-pagination"></div>
    </div>
   </div>
   <!--新闻动态-->
   <div class="news">
    <div class="inner">
     <div class="news-im">
      <div class="box"></div>
      <div class="ab">
       <img src="images/index/news01.jpg" alt=""/>
      </div>
      <div class="xian"></div>
     </div>
     <div class="news-tx">
      <h1>新闻动态</h1>
      <h2>
       传承华夏文明，开创百世辉煌 <br/>
       <span>TEACH EDUCATE BE BE SUIT SERVICE</span>
      </h2>
      <p>
       天道至诚无妄，人道以仁为本。诚仁者，贯通天人，成就通天之人才也。诚仁教育，立足华夏，
       面向全球，以《周易》天人合一文化为核心，融儒释道三教精华为一体，结合中医及现代科学，
       孕育君子，成就圣贤，传承华夏文明，开创百世辉煌。
      </p>
      <p>
       华夏民族，自三皇五帝，至诸子百家，曾孕育无数圣人先哲，华夏文明盛极一时。然秦汉后圣人
       鲜亦。诚仁教育植根中国传统文化，力图恢复中华传统人才孕育和培养方式，再造圣贤。
      </p>
      <div class="news-sw">
       <div class="swiper-button-prev prev"></div>
       <div class="swiper-container ne-sw">
        <div class="swiper-wrapper">
         <div class="swiper-slide">
          <img src="images/index/new01.jpg" alt=""/>
         </div>
         <div class="swiper-slide">
          <img src="images/index/new03.jpg" alt=""/>
         </div>
         <div class="swiper-slide">
          <img src="images/index/new02.jpg" alt=""/>
         </div>
         <div class="swiper-slide">
          <img src="images/index/new01.jpg" alt=""/>
         </div>
        </div>
        <!-- 按钮 -->
       </div >
       <div class="swiper-button-next next"></div>
      </div>
     </div>
    </div>
   </div>
   <!--优孕服务-->
   <div class="service">
    <div class="inner">
     <div class="box box1">
      <div class="ser-tx">
       <h1>优孕服务 <span>EXCELLENT PREGNANCY</span></h1>
       <p>
        <span>
         每个家庭都希望孕育智商高、品德优的 健康孩子。如何才能做到呢？我国古人 很早就有研究。
        </span>
       </p>
      </div>
      <div class="ser-im">
       <table>
        <tr>
         <td>
          <img src="images/index/yy01.jpg" alt=""/>
         </td>
         <td>
          <img src="images/index/yy02.jpg" alt=""/>
         </td>
        </tr>
       </table>
      </div>
     </div>
     <div class="box box2">
      <div class="ser-tx">
       <h1>明心书院 <span>MING XIN ACADEMY </span></h1>
       <p>
        <span>
         每个家庭都希望孕育智商高、品德优的健康孩子。如何才能做呢？我国古人很早就有研究。
        </span>
       </p>
      </div>
     <div class="ser-im">
      <img src="images/index/sy01.jpg" alt=""/>
     </div>
     </div>
     <div class="box box3">
      <div class="ser-tx">
       <h1>中医药 <span>TRADITIONAL CHINESE MEDICINE</span></h1>
       <p>
        <span>
         每个家庭都希望孕育智商高、品德优的健康孩子。如何才能做呢？我国古人很早就有研究。
        </span>
       </p>
      </div>
      <img src="images/index/sun.jpg" alt=""/>

     </div>
     <div class="box box2">
      <div class="ser-tx">
       <h1>中式传统礼仪 <span>CHINESE STYLE</span></h1>
       <p>
        <span>
         每个家庭都希望孕育智商高、品德优的健康孩子。如何才能做呢？我国古人很早就有研究。
        </span>
       </p>
      </div>
      <div class="ser-im">
       <img src="images/index/sy02.jpg" alt=""/>
      </div>

     </div>
    </div>
   </div>
   <!--导师团队-->
   <div class="team">
    <div class="inner">
     <h1>导师团队 <span>MENTOR TEAM</span></h1>
     <ul>
      <li>
       <a href="#">
        <img src="images/index/team01.jpg" alt=""/>
        <span>李教授</span>
        <div class="t-mb">
         <h2>李教授</h2>
         <p>从事医疗工作20多年来，他始终以高尚的医德和精湛的医术，为患者解除困难...</p>
        </div>
       </a>
      </li>
      <li>
       <a href="#">
        <img src="images/index/team02.jpg" alt=""/>
        <span>王教授</span>
        <div class="t-mb">
         <h2>王教授</h2>
         <p>从事医疗工作20多年来，他始终以高尚的医德和精湛的医术，为患者解除困难...</p>
        </div>
       </a>
      </li>
      <li>
       <a href="#">
        <img src="images/index/team01.jpg" alt=""/>
        <span>李教授</span>
        <div class="t-mb">
         <h2>李教授</h2>
         <p>从事医疗工作20多年来，他始终以高尚的医德和精湛的医术，为患者解除困难...</p>
        </div>
       </a>
      </li>
      <li>
       <a href="#">
        <img src="images/index/team01.jpg" alt=""/>
        <span>王教授</span>
        <div class="t-mb">
         <h2>王教授</h2>
         <p>从事医疗工作20多年来，他始终以高尚的医德和精湛的医术，为患者解除困难...</p>
        </div>
       </a>
      </li>
     </ul>
     <div class="t-btn">
      <a href="#">了解更多</a>
      <a href="#">立刻咨询</a>
     </div>
    </div>
   </div>

   <!--底部-->
   <div class="foots">
    <script>
     $(".foots").load("foot.html");
    </script>
   </div>
  <script src="js/index.js"></script>
  <script>
   $(function(){

   })
  </script>
 </body>
</html>
